<template>
  <div class="detail">
      <div class="beatMain">
        <div class="title">
          <span>商品名</span>
        </div>
        <div class="imgContainer" style="text-align:center;">
          <img id="img" src="./../assets/images/coupon.gif" alt="淘宝优惠券" width="90%" style=" border-radius: 15px;">
        </div>
        <div class="aui-flex">
          <div class="aui-flex-box">
            <h5>&nbsp;<b>让你省钱，是我宗旨。</b></h5>
            <span>
							<em><img class="ico1" src="./../assets/images/gou.png"> 急速提现</em>
							<em><img class="ico1" src="./../assets/images/gou.png"> 海量优惠</em>
							<em><img class="ico1" src="./../assets/images/gou.png"> 专属客服</em>
						</span>
          </div>
          <div class="aui-bao-img"><img class="ico" src="./../assets/images/da9154150d9e3589.png" alt></div>
        </div>
        <!--------- 这里开始自定义 -------->

        <!--【系统】样式C淘口令复制开始-->
        <div class="copy">
          <span id="taokey"></span><br>
          点「一键复制」，然后打开「手淘」即可领券并购买
        </div>
        <div style="margin:0px 15px;">
          <button id="copy" type="button" class="itemCopy" style=" ">一 键 复 制</button>
        </div>
        <!--【系统】样式C淘口令复制结束-->

        <!--八宫格-3开始-->
        <div id="img-daohang">
          <table>
            <tbody>
            <tr>
              <td width="20%">
                <a href="https://10sd1.kuaizhan.com/#/firstOrder?app_key=mjzcah">
                  <img src="../assets/images/daohang-img1.png"><br>
                  <i>首单礼金</i></a>
              </td>
              <td width="20%">
                <a href="javascript:alert('敬请期待！');">
                  <img src="../assets/images/daohang-img2.png"><br>
                  <i>美团红包</i></a>
              </td>
              <td width="20%">
                <a
                    href="https://s.click.ele.me/t?union_lens=lensId%3AOPT%401623660959%402106c532_07d6_17a09bc178e_0425%4001%3BeventPageId%3A20150318020002597&&e=-s024Ezd8i7Jk8vf07s60Ng0E1VQCDfQiFi25GTwtClzZFTLdQznFV4MWgFuP2xYfITKkzlj2YO60ojRkuP5bGRpzpWPOvmpS18Xole3YmC8UHSj8BkgwcuLWtAvzQQay5PBc55BYp0xIkUaxH9dkAwE24GiXwmNvXcB0SpeTd30fh4hMfd7OzSbMJszDx7EqlCwIo2DoUbgCEZJpYN8bqqkGiR17CvZwbPTgdC0L38pGco8FTWLsckkWU6o8JDAGYdx5kwnys6jwDvKShFSpOrboa1dDsGRA89ozEZvYT2pD4t90W0CH8tNaZaB5Nu7XaGCdiHtJuYWkhsr099A84qugCEv6P32oXaKdkalOJrGJGLbF1xzloj2lUU6WW02JrF8V2wzU0yIu584t4zqTv0qFUnE1K23XPQ1LIFXJ8OSn77F8s1PcxUDOCKNx2lQv48d7MLf&">
                  <img src="./../assets/images/daohang-img6.png" />
                  <br>
                  <i>饿了么券</i></a>
              </td>
              <td width="20%">
                <a
                    href="https://quan618.cn/vip.php?input=1&screen=%5B%5D&activity=%5B%5D&brand=%5B%5D&r=index%2Fclassify&px=renqi&row=1&kw=%E7%88%B1%E5%A5%87%E8%89%BA%E4%BC%9A%E5%91%98&button_bnt=%2Fvip.php%3Fr%3Dactivity%2Fsc%23%2FhelpBuy&">
                  <img src="../assets/images/daohang-img7.png"><br>
                  <i>爱奇艺会员</i></a>
              </td>
            </tr>
            <tr>
              <td width="20%">
                <a href="https://quan618.cn/vip.php">
                  <img src="../assets/images/daohang-img8.png"><br>
                  <i>好物商城</i></a>
              </td>
              <td width="20%">
                <a href="https://quan618.cn/tpl/jiu.html">
                  <img src="../assets/images/daohang-img9.png"><br>
                  <i>9.9包邮</i></a>
              </td>
              <td width="20%">
                <a href="https://quan618.cn/tpl/top.html">
                  <img src="../assets/images/daohang-img5.png"><br>
                  <i>实时榜单</i></a>
              </td>
              <td width="20%">
                <a
                    href="https://s.click.ele.me/t?union_lens=lensId%3AOPT%401623663145%402104e52c_07c6_17a09dd7149_0422%4001%3BeventPageId%3A20150318020005049&&e=-s02JlXuYRdtjA9x2BwmJNF0PqEw7fQfWQMlcubf7ggPdhKpFqmRd2XtGhGjLAFnycZgU7onAkKWr6DB3yW9nSSElgcp5Xm0uAjkXeWk3zSmTjkbuAEghbZgQ012hSVy8Oq7QWnaoxL44cA1bt5NjMxQDSFzg92CwNJTzw93PU70XJaXE6mJqbX0nrLdpqgKS1x8sHgvDvlGDHp0WaLLP00yCNsSph6p7KZLCpC7GWR79kz93RU7n9lPCXex3j1bVWnALdz9UDgj6Su9m5vEeJh0cA0xx724l2itZqzSKH0QmofIceGsXENjr8TqpEwIYMcqLzBKQ26Tabpq4OEAj7m580MjEG6V3ScWJw6wij5fbLFxRQ1vBLbq9oZfVGTI2s90CBzbQrnRi4i10sJbgrmzwysi&">
                  <img src="../assets/images/daohang-img4.png" alt="dafesgd"><br>
                  <i>炸鸡专场</i></a>
              </td>
            </tr>
            </tbody>
          </table>
        </div>
        <!--八宫格-3结束-->

        <!--【系统】使用注意事项—红包抵扣-2开始-->
        <br>
        <div>
          <h4 class="banner">——购物须知，新人必看——</h4>
          <br>
          <div class="tips-main">
            <div style="padding:10px" align="center">
              <img src="@/assets/images/daohang-img3.png" style="width:100%;">
            </div>
            ①付款时请勿使用<em style="color:red">红包抵扣</em>，否则会导致<em style="color:red">无奖励</em><br>
            ②可以把红包用到完全没有奖励的宝贝上哦~<br>
            ③多件商品，可以逐一查询后，<font color="red">再通过我们的淘口令加入购物车</font>，然后一起结算。<br>
          </div>
        </div>
        <!--【系统】使用注意事项—红包抵扣-2结束-->
        <!--------- 这里结束自定义 -------->
      </div>
    </div>

</template>

<script>
export default {
  name: "detail"
}
</script>

<style scoped>
@import url('./../assets/css/css.css');
</style>